<template>
  <div class="test-panel">
    <h1>Test Panel</h1>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive, computed, onMounted } from 'vue';
import { EditorMode } from '../../editor/dataset/enum/Editor';
import type { IEditorOption } from '../../editor/interface/Editor';

interface ITestPanelOptions {
  title: string;
  data: IEditorOption;
  onConfirm?: (data: Partial<IEditorOption>) => void;
  onClose?: () => void;
}

const props = defineProps<ITestPanelOptions>();
const formData = reactive<Partial<IEditorOption>>({});

onMounted(() => {
  formData.mode = props.data.mode || EditorMode.EDIT;
});
</script>

<style scoped src="./page-settings-panel.css"></style>